<div>
	<form class="form-horizontal " method="post" >
		<fieldset>
			<div id="asignatura" class="form-group">
					<label  for="asignaturas" class="col-xs-3 col-sm-1 control-label">Tema:</label> 
					<div class="col-xs-10 col-sm-2">
						<select id="asignaturas" name="idAsignatura" class="form-control " required>
							<option value="">-- Tema --</option>
						</select>
					</div>
				</div>
				<div id="nivel" class="form-group">
					<label  for="dificultades" class="col-xs-3 col-sm-1 control-label">Nivel:</label>
					<div class="col-xs-10 col-sm-2">
						<select id="dificultades" name="idDificultad" class="form-control" required>
							<option value="">-- Nivel --</option>
						</select>
					</div>
				</div>
		</fieldset>
		
	</form>
</div>
<script>
$(function() {
	
	// Cargar asignatura
	var $asignaturas = $('#asignaturas');
	var urlAsignatura = "../dispatcher/referencias/asignaturas";
	

	$.getJSON(urlAsignatura, function(datos) {
		$.each(datos, function(i, item) {
			$asignaturas.append('<option value="' + item.id + '">' + item.nombre + '</option>');
			$asignaturas.append(item.nombre);
		});

	});

	// Cargar dificultades
	var $dificultades = $('#dificultades');
	var urlDificultad = "../dispatcher/referencias/dificultad";

	$.getJSON(urlDificultad,function(data) {
		$.each(data,function(i, item) {
			$dificultades.append('<option value="' + item.id + '">' + item.label+ '</option>')
			$dificultades.append(item.label);
		});

	}); 
	
	 /*Recuperar la id del usuario que va a crear la partida*/
	var idUsuario;
	var urlIdUsuario = "../dispatcher/usuario/idUsuario";
	
	$.getJSON(urlIdUsuario, function(data) {
		idUsuario = data;
	});
	
	$('#validar').show();
	
});

</script>